<template>
  <div class="chat-window" v-if="$store.state.currentSession&&$store.state.currentSession.sessionId">
    <chat-top-bar></chat-top-bar>
    <div v-if="$store.state.currentSession.type !== 2">
      <chat-dialog></chat-dialog>
      <input-box></input-box>
    </div>
    <div v-else>
      <noti-dialog></noti-dialog>
    </div>
  </div>
  <div class="logo-page" v-else>
    <img :src="require('@/assets/img/logo.svg')" alt="">
  </div>
</template>

<script>
import ChatDialog from './children/chatDialog/ChatDialog.vue'
import ChatTopBar from './children/ChatTopBar.vue'
import InputBox from './children/InputBox.vue'
import NotiDialog from './children/NotiDialog.vue'
export default {
  components: { InputBox, ChatDialog, ChatTopBar, NotiDialog },
  name: "chat-window",
  data () {
    return {
    }
  },
  watch: {

  }
}
</script>

<style scoped>
.chat-window {
  background-color: #f5f5f5;
}

.logo-page img {
  margin-top: calc(45vh - 65px);
  height: 130px;
  width: 130px;
}
</style>